<template>
	<div>
		<el-table
			:data="forms"
		>
			<el-table-column
				label="姓名"
				prop="name"
			>
				<template slot-scope="scope">
					<el-input v-model="scope.row.name"/>
				</template>
			</el-table-column>
			<el-table-column
				label="家乡"
				prop="hometown"
			>
				<template slot-scope="scope">
					<el-input v-model="scope.row.hometown"/>
				</template>
			</el-table-column>
			<el-table-column
				label="年龄"
				prop="age"
			>
				<template slot-scope="scope">
					<el-input v-model="scope.row.age"/>
				</template>
			</el-table-column>
			<el-table-column
				label="身高"
				prop="howtall"
			>
				<template slot-scope="scope">
					<el-input v-model="scope.row.howtall"/>
				</template>
			</el-table-column>
			<el-table-column
				label="家庭住址"
				prop="address"
				width="200px"
			>
				<template slot-scope="scope">
					<el-input v-model="scope.row.address"/>
				</template>
			</el-table-column>
			<el-table-column
				label="生日"
				prop="birthday"
				width="220px"
			>
				<template slot-scope="scope">
					<el-date-picker v-model="scope.row.birthday" type="date"
						range-separator="-"
						value-format="yyyy-MM-dd"
						start-placeholder="开始日期"
						end-placeholder="结束日期"></el-date-picker>
				</template>
			</el-table-column>
			<el-table-column
				label="起床事件"
				prop="getuptime"
				width="350px"
			>
				<template slot-scope="scope">
					<el-time-picker
					    is-range
					    v-model="scope.row.getuptime"
						value-format="HH:MM"
					    range-separator="-"
					    start-placeholder="开始时间"
					    end-placeholder="结束时间"
					    placeholder="选择时间范围">
					</el-time-picker>
				</template>
			</el-table-column>
			<el-table-column
				label="性别"
				prop="gendar"
			>
				<template slot-scope="scope">
					<el-select v-model="scope.row.gendar" multiple allow-create filterable>
						<el-option :label="'男'" :value="1"></el-option>
						<el-option :label="'女'" :value="2"></el-option>
					</el-select>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
export default {
	name: 'TableForm',
	props: {
		forms: Array
	}
}
</script>

<style>
</style>
